<template>
  <div class="main">
    
    <router-view
    @city="city"
    :cityNameAbbr="cityNameAbbr"
    :cityId="cityId"
    :cityCode="cityCode"
    ></router-view>
    <tab-bar v-show="$route.meta.footshow"></tab-bar>
  </div>
</template>

<script>
import TabBar from './components/tabBar.vue'
  export default {
    data() {
      return {
        cityNameAbbr:"广州",
        cityId:"197",
        cityCode:"440100",
      }
       
    },
    methods:{
      city({cityNameAbbr,cityId,cityCode}){
        this.cityNameAbbr=cityNameAbbr;
        this.cityId=cityId
        this.cityCode=cityCode
        this.$router.push("/home")
      }
    },
    components:{
      TabBar
    }
  }
</script>

<style lang="scss" scoped>
@import "./assets/css/base.css";
</style>